<!--
 * @Author: 李环玉 834654733@qq.com
 * @Date: 2023-11-25 19:03:01
 * @LastEditors: 李环玉 834654733@qq.com
 * @LastEditTime: 2023-11-27 16:24:19
 * @FilePath: \new-nuxt-blog\app.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
   <n-notification-provider>
    <n-message-provider>
      <NuxtPage/>
    </n-message-provider>
  </n-notification-provider>
    <!-- <NuxtWelcome /> -->
    <div id="QPlayer" class="no-rem">
      <div id="pContent">
        <div id="player">
          <span class="cover"></span>
          <div class="ctrl">
            <div class="musicTag marquee">
              <strong>Title</strong>
              <span> - </span>
              <span class="artist">Artist</span>
            </div>
            <div class="progress">
              <div class="timer left">0:00</div>
              <div class="contr">
                <div class="rewind icon"></div>
                <div class="playback icon"></div>
                <div class="fastforward icon"></div>
              </div>
              <div class="right">
                <div class="liebiao icon"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="ssBtn">
            <div class="adf"></div>
        </div>
      </div>
      <ol id="playlist"></ol>
    </div>
</template>

<script setup>
useHead({
  script:[
    {
      async: false,
      src: '/player/jquery.min.js',
      body: true,
    },
    {
      async: false,
      src: '/player/jquery.marquee.min.js',
      body: true,
    },
    {
      async: false,
      src: '/player/bg.js',
      body: true,
    },
    {
      async: false,
      src: '/player/player.js',
      body: true,
    },
    {
      async: false,
      src: '/icon/colorfont/iconfont.js',
      body: true,
    },
  ]
})
</script>
<style lang="scss">
body{
  background-color: $yun-background;
}
</style>
